@import '../bootstrap'
@import '../theme'

/* Themes */
icon($material)
  color: $material.icons.active

  &:disabled
    color: $material.icons.inactive

theme(icon, "icon")

.icon
  display: inline-flex
  font-size: 24px
  justify-content: center
  transition: $primary-transition
  vertical-align: middle
  text-orientation: upright

  &.icon--large
    font-size: 2.5rem

  &.icon--medium
    font-size: 2rem

  &.icon--x-large
    font-size: 3rem
